// 导入 本地缓存数据方法
import { getUserDataByid, getUserInfo, login } from '@/api/user'
import { resetRouter } from '@/router'
import { getToken, setToken, removeToken, setTiemstamp } from '@/utils/auth.js'
// 导入element 提示模块
import { Message } from 'element-ui'
const state = {
  token: getToken(),
  userInfo: {}
}
const mutations = {
  // vuex和本地, 保存token
  setToken(state, token) {
    state.token = token
    setToken(token)
    // 保存当前时间
    setTiemstamp()
  },
  // vuex和本地, 删除token
  removeToken(state) {
    state.token = null
    removeToken()
  },
  // 设置用户信息
  setUserInfo: (state, userInfo) => {
    state.userInfo = userInfo
  },
  // 删除用户信息
  removeUserInfo: (state) => {
    state.userInfo = {}
  }
}
const actions = {
  async getUserInfo(context) {
    const userInfo = await getUserInfo()
    const userData = await getUserDataByid(userInfo.userId)
    // 合并请求的用户信息
    context.commit('setUserInfo', { ...userInfo, ...userData })
    return userInfo
  },
  async login(context, data) {
    try {
      const token = await login(data)
      // 把数据存入 state
      context.commit('setToken', token)
    } catch (error) {
      console.log(error)
      Message.error('登陆失败, 服务器繁忙')
    }
  },
  // 退出登录
  loginOut(context) {
  //   try {
  //     context.commit('removeToken')
  //     context.commit('removeUserInfo')
  //     // 清楚router
  //     context.commit('permission/setRoutes', [], { root: true })
  //     // 重置router
  //     resetRouter()
  //     console.log('end----------')
  //   } catch (error) {
  //     console.log(error)
  //   }
    context.commit('removeToken')
    context.commit('removeUserInfo')
    // 清楚router
    context.commit('permission/setRoutes', [], { root: true })
    // 重置router
    resetRouter()
  }
}
export default {
  state,
  namespaced: true,
  mutations,
  actions
}
